<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>UAAS</title>

<!-- Bootstrap -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet">

<!-- Custom styles for this template -->
<link href="assets/css/dashboard.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">UAAS</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">概况</a></li>
					<li><a href="#">设置</a></li>
					<li><a href="#">帮助</a></li>
				</ul>
				<form class="navbar-form navbar-right">
					<input type="text" class="form-control search-input"
						placeholder="Search...">
				</form>
			</div>
		</div>
	</nav>

	<div class="container-fluid">
		<div class="row">
			<div class="col-sm-2 col-md-1 sidebar">
				<ul class="nav nav-sidebar">
					<li class="active"><a href="#">网站概况 <span class="sr-only">(current)</span></a></li>
				</ul>
			</div>
			<div class="col-sm-10 col-sm-offset-2 col-md-11 col-md-offset-1 main">
				<h1 class="page-header">访问概况</h1>

				<div class="row placeholders">
					<div class="col-xs-6 col-sm-3 text-center placeholder">
						<h1>6</h1>
						<h4>今日浏览量(PV)</h4>
					</div>
					<div class="col-xs-6 col-sm-3 text-center placeholder">
						<h1>16</h1>
						<h4>昨日浏览量(PV)</h4>
					</div>
					<div class="col-xs-6 col-sm-3 text-center placeholder">
						<h1>1</h1>
						<h4>今日访客数(UV)</h4>
					</div>
					<div class="col-xs-6 col-sm-3 text-center placeholder">
						<h1>7</h1>
						<h4>昨日访客数(UV)</h4>
					</div>
				</div>

				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title" id="day-range">
							<button type="button" class="btn btn-sm btn-primary">今天</button>
							<button type="button" class="btn btn-sm btn-primary">昨天</button>
							<button type="button" class="btn btn-sm btn-primary">最近7天</button>
							<button type="button" class="btn btn-sm btn-primary">最近30天</button>
						</h3>
					</div>
					<div class="panel-body" id="main-panel">
						<div>
							<label class="checkbox-inline"> <input type="radio"
								name="optionsRadiosinline" id="optionsPV" value="PV"
								checked>浏览量(PV)
							</label> 
							<label class="checkbox-inline"> <input type="radio"
								name="optionsRadiosinline" id="optionsUV" value="UV">
								访客数(UV)
							</label>
							<label class="checkbox-inline"> <input type="radio"
								name="optionsRadiosinline" id="optionsIP" value="IP">
								IP数
							</label>
						</div>
						<div id="main-chart">
							这里主要是放置图表
						</div>
						<div class="text-center" id="main-buttom">
							<span>对比：</span>
							<label class="checkbox-inline">
						      <input type="checkbox" id="inlineCheckbox1" value="option1">前一日
						   </label>
						   <label class="checkbox-inline">
						      <input type="checkbox" id="inlineCheckbox2" value="option2">上周同期
						   </label>
						</div>
					</div>
				</div>

				<h2 class="sub-header">访问分析</h2>
				<div class="table-responsive">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>受访页面</th>
								<th>URI</th>
								<th>浏览量(PV)</th>
								<th>占比</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>首页</td>
								<td>/home</td>
								<td>100</td>
								<td>10%</td>
							</tr>
							<tr>
								<td>首页</td>
								<td>/home</td>
								<td>100</td>
								<td>10%</td>
							</tr>
						</tbody>
					</table>
				</div>
				<h2 class="sub-header">入口分析</h2>
				<div class="table-responsive">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>入口页面</th>
								<th>URI</th>
								<th>浏览量(PV)</th>
								<th>占比</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>首页</td>
								<td>/home</td>
								<td>100</td>
								<td>10%</td>
							</tr>
							<tr>
								<td>首页</td>
								<td>/home</td>
								<td>100</td>
								<td>10%</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/plugins/echarts/echarts.common.min.js"></script>
    <script src="res/home/js/v.js"></script>
    <script src="res/home/js/mc.js"></script>
</body>
</html>